"use client";

export default function Drag({ className }: { className: string }) {
  return (
    <svg
      fill="currentColor"
      shapeRendering="geometricPrecision"
      stroke="currentColor"
      strokeLinecap="round"
      strokeLinejoin="round"
      strokeWidth="1.5"
      viewBox="0 0 700 700"
      width="700"
      height="700"
      className={className}
    >
      <path d="M449.53 315.65v-36.457c0-13.953-10.734-25.301-23.48-25.301-12.812 0-23.551 11.352-23.551 25.301v38.645a7.656 7.656 0 11-15.312 0v-49.254c0-13.949-9.961-25.77-22.707-25.77h-.723c-12.418 0-22.508 11.246-23.602 24.703v55.453a7.656 7.656 0 11-15.312 0v-53.84c0-.184-.02-.371-.02-.559 0-.437.02-.875.02-1.312v-125.9c0-13.953-10.113-25.301-22.86-25.301s-22.882 11.344-22.894 25.28l-.13 208.8a7.649 7.649 0 01-13.562 4.856l-24.926-30.344h-.004a37.44 37.44 0 00-26.414-13.973 36.629 36.629 0 00-27.512 9.883c-.094.086-.191.203-.293.285l-4.55 3.828 86.241 165.66c13.555 26.043 39.176 42.328 66.863 42.328h99.914c42.23 0 76.621-37.148 76.664-82.688.024-24.18.047-42.367.067-57 .05-39.266.07-54.156-.031-97.395-.032-13.91-10.402-25.422-23.113-25.422h-.684c-12.742.004-22.777 11.801-22.777 25.754v19.742a7.656 7.656 0 11-15.312 0zM157.66 83.723l42.238 42.242v-.004a7.648 7.648 0 0010.828 0 7.802 7.802 0 000-10.945l-30.68-30.797h277.14V68.907h-275.43l28.97-28.852a7.62 7.62 0 00-.048-10.78 7.624 7.624 0 00-10.78.042L160.048 69.18a7.659 7.659 0 00-2.39 14.543zM521.51 39.887c20.859 8.64 30.766 32.555 22.125 53.414-8.64 20.859-32.555 30.766-53.414 22.125s-30.766-32.555-22.125-53.414 32.555-30.766 53.414-22.125"></path>
      <use x="70" y="576.406"></use>
      <use x="74.012" y="576.406"></use>
      <use x="76.711" y="576.406"></use>
      <use x="80.418" y="576.406"></use>
      <use x="84.109" y="576.406"></use>
      <use x="86.723" y="576.406"></use>
      <use x="90.434" y="576.406"></use>
      <use x="96.25" y="576.406"></use>
      <use x="100.168" y="576.406"></use>
      <use x="105.637" y="576.406"></use>
      <use x="109.871" y="576.406"></use>
      <use x="111.746" y="576.406"></use>
      <use x="114.445" y="576.406"></use>
      <use x="118.133" y="576.406"></use>
      <use x="123.934" y="576.406"></use>
      <use x="127.871" y="576.406"></use>
      <use x="131.766" y="576.406"></use>
      <use x="135.453" y="576.406"></use>
      <use x="138.711" y="576.406"></use>
      <use x="141.324" y="576.406"></use>
      <use x="144.02" y="576.406"></use>
      <use x="70" y="581.875"></use>
      <use x="72.379" y="581.875"></use>
      <use x="75.078" y="581.875"></use>
      <use x="78.832" y="581.875"></use>
      <use x="86.438" y="581.875"></use>
      <use x="89.051" y="581.875"></use>
      <use x="92.941" y="581.875"></use>
      <use x="98.555" y="581.875"></use>
      <use x="103.133" y="581.875"></use>
      <use x="106.891" y="581.875"></use>
      <use x="110.785" y="581.875"></use>
      <use x="116.582" y="581.875"></use>
      <use x="120.59" y="581.875"></use>
      <use x="123.285" y="581.875"></use>
      <use x="127.043" y="581.875"></use>
      <use x="128.918" y="581.875"></use>
      <use x="132.625" y="581.875"></use>
      <use x="135.867" y="581.875"></use>
    </svg>
  );
}
